<!doctype html>
<html ng-app>
  <head>
    <script src="angular.js"></script>
    <script language="javascript">
		function Cntl2($scope) {
		  var exprs = $scope.exprs = [];
		  $scope.expr = '3*10|currency';
		  $scope.addExp = function(expr) {
			 exprs.push(expr);
		  };

		  $scope.removeExp = function(index) {
			exprs.splice(index, 1);
		  };
		}
    </script>
  </head>
  <body>
    <div ng-controller="Cntl2" class="expressions">
      Expression:
      <input type='text' ng-model="expr" size="80"/>
      <button ng-click="addExp(expr)">Evaluate</button>
      <ul>
        <li ng-repeat="expr in exprs">
         [ <a href="" ng-click="removeExp($index)">X</a> ]
         <tt>{{expr}}</tt> => <span ng-bind="$parent.$eval(expr)"></span>
        </li>
      </ul>
    </div>
  </body>
</html>
